<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sign-Up</title>
    <link rel="stylesheet" type="text/css" href="/styles/styles-signUpIn.css">
</head>
<body>
<div class="login-container">
    <h2 th:text="${registrationFailed} ?: 'Sign Up'">Sign Up</h2>
    <form th:action="@{api/create}" method="post">


        <label>
            <input type="text" name="username" class="form-input" placeholder="login" required>
        </label>
        <label>
            <input type="password" name="password" class="form-input" placeholder="password" required>
        </label>
        <button type="submit" class="submit-button">Sign Up</button>
    </form>
    <div class="form-footer">
        Already have an account? <a href="./login">Sign In</a>
    </div>
</div>
</body>
</html>